.clearfix {
  zoom: 1;
  &::before,
  &::after {
    display: table;
    content: ' ';
  }
  &::after {
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
  }
}
.rechart-main {
  
  :global {
    .recharts-wrapper .recharts-cartesian-grid-horizontal line:first-child,
    .recharts-wrapper .recharts-cartesian-grid-horizontal line:last-child {
      stroke-opacity: 1;
    }
  }
  width: 250px!important;
//   height: 200px;

  .top,
  .bottom {
    position: relative;
    color: rgba(0, 0, 0, 0.45);
    font-size: 10px;
    &:extend(.clearfix);
    .left {
      float: left;
      //   margin-left: 60px;
    }

    .right {
      float: right;
    }
  }

  .top{
      bottom: -5px;
  }

  .bottom{
      top: -5px;
  }

  .chart {
      margin-left: -58px;
    // position:;
    // left: -100px;
    // top: 20px;
  }
}
